<div class="property-input-container" ref="propertyInput">
    <input type="hidden" :name="setting.name" :value="value" :lay-verify="setting.required == 1?'required':''">

    <draggable tag="table" v-model="listItem" class="input-list" handle=".drag-item" draggable=".input-item" @update="updateValue(listItem)">

        <tr class="input-item" :key="item.uid" v-for="(item,index) in listItem">
            <td class="input-value" :class="item.uid+itemField.key" :key="'drag-item-'+indexField" v-for="(itemField,indexField) in field">

                <template v-if="itemField.type == 'text'">
                    <input type="text" class="layui-input" :placeholder="'请输入'+itemField.title" :value="item[itemField.key]" @change="onItemChange(item,index,itemField,$event)">
                </template>
                <template v-else-if="itemField.type == 'textarea'">
                    <textarea class="layui-textarea" :style="{height: itemField.height}" :placeholder="'请输入'+itemField.title" :value="item[itemField.key]" @change="onItemChange(item,index,itemField,$event)" rows="1"></textarea>
                </template>
                <template v-else-if="itemField.type == 'radio'">
                    <div class="input-radio">
                        <template v-for="(itemSelect,indexSelect) in itemField.selectList">
                            <input lay-ignore class="item-radio" type="radio" :name="itemField.key+item.uid" :id="itemField.key+item.uid+indexSelect" :value="itemSelect.value" :checked="item[itemField.key] == itemSelect.value" @change="onItemChange(item,index,itemField,$event)">
                            <label :for="itemField.key+item.uid+indexSelect">{{itemSelect.title}}</label>
                        </template>
                    </div>

            </td>
            <td class="input-option">
                <div class="layui-btn-group">
                    <div class="layui-btn layui-btn-primary drag-item"><i class=" fa fa-arrows"></i></div>

                    <div class="layui-btn layui-btn-primary" @click="onItemDelete(item,index)"><i class="fa fa-close"></i></div>
                </div>
            </td>
        </tr>
        <tr class="input-item" slot="header">
            <td class="input-item-name" :class="'input-item-name-'+item.key" v-for="(item,index) in field">{{item.title}}</td>
            <td class="input-item-name input-item-name-options">操作</td>
        </tr>
        <tr class="input-item" slot="footer">
            <td>
                <div class="layui-btn layui-btn-primary" @click="onAddItem" title="增加"><i class="layui-icon layui-icon-add-1"></i></div>
                <div class="layui-btn layui-btn-primary" @click="onResetItem" title="重置"><i class="layui-icon layui-icon-refresh"></i></div>
            </td>
        </tr>
    </draggable>

</div>